---
title: 將現有專案遷移到 Astro 
description: 將你的網站轉換為 Astro 的一些提示和技巧。 
sidebar:
  label: 網站遷移概觀
i18nReady: true
---
import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';

**準備好將你的網站轉換為 Astro 了嗎？** 請參閱我們提供的任一個遷移技巧指南。

## 遷移指南

<MigrationGuidesNav />

請注意，這些頁面中有許多是**小作品**：它們是正在等待你貢獻的資源集合！

## 為什麼要將你的網站遷移到 Astro？

Astro 提供了許多好處：性能、簡單性，以及許多你想要的功能都內建在框架中。當你需要擴展你的網站時，Astro 提供了一些[官方和第三方社群的整合](https://astro.build/integrations)。

遷移的工作量可能比你想像的要小！

根據你現有的專案，你可能可以：

- 在 Astro 中直接使用你現有的 [UI 框架元件](/zh-tw/guides/framework-components/)。

- 使用你現有的 [CSS 樣式或函式庫](/zh-tw/guides/styling/) 包括 Tailwind。

- 使用你現有的 [Markdown/MDX 檔案](/zh-tw/guides/markdown-content/)，用 [remark 和 rehype 套件](/zh-tw/guides/markdown-content/#markdown-plugins)進行設定。

- 透過整合或 API 取得[來自 CMS 的內容](/zh-tw/guides/cms/)。


## 我可以將哪些專案轉換為 Astro？

[很多現有的網站可以使用 Astro 建構](/zh-tw/concepts/why-astro/)。Astro 非常適用於你已有的內容型網站，如部落格、登入頁面、行銷網站和個人作品集。Astro 整合了幾個流行的 headless CMS，並且允許你連接電子商務商店的購物車。

Astro 允許你建立靜態生成的網頁、路由隨需算繪的動態應用程式，或結合兩者，還能[完全控制專案的算繪方式](/zh-tw/guides/on-demand-rendering/)。因此它非常適合做為 SSG 或需即時獲取資料網站的替代方案。

## 從何改變我的專案設計？

根據你現有的專案，可能需要從不同方面進行思考：

- 使用 [Astro 群島](/zh-tw/concepts/islands/#什麼是-astro-群島)設計以避免向瀏覽器發送不必要的 JavaScript。

- 使用[客戶端 `<script>` 標籤](/zh-tw/guides/client-side-scripts/)或 [UI 框架元件](/zh-tw/guides/framework-components/)提供客戶端互動性。

- 使用 Nano Stores 或 local storage 管理[共用狀態](/zh-tw/recipes/sharing-state-islands/)，而不是全局 hooks 或包裝類別。
